<template>
  <div class="points-rule-page">
    <van-nav-bar title="积分规则" left-arrow @click-left="onClickLeft" fixed />
    <div class="page-content">
      <div class="title-bar">
        1. 什么是5G积分
      </div>
      <div class="desc-bar">
        5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
      <div class="title-bar">
        2. 如何获取5G积分
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
      <div class="title-bar">
        3.5G积分如何使用
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
        积分活动5G积分可以用于兑换积分权益、兑换5G购物券参与
        各种
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
      <div class="title-bar">
        1. 什么是5G积分
      </div>
      <div class="desc-bar">
        5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
      <div class="title-bar">
        2. 如何获取5G积分
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
      <div class="title-bar">
        3.5G积分如何使用
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
        积分活动5G积分可以用于兑换积分权益、兑换5G购物券参与
        各种
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券
      </div>
      <div class="desc-bar">
        · 5G积分可以用于兑换积分权益、兑换5G购物券，参与各种
      </div>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
import { NavBar, Icon, Toast } from "vant";
Vue.use(NavBar).use(Icon);
export default {
  data() {
    return {};
  },

  mounted() {},
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    jumpLink(path) {
      this.$router.push({ path });
    }
  }
};
</script>
<style lang="scss" scoped>
.points-rule-page{
  background: #FFF;
  min-height: 100vh;
  overflow: hidden;
  .page-content{
    padding-top: 66px;
    margin: 0 15px;
    .title-bar{
      padding: 11px 0;
      border-bottom: 1px solid $primary-clr;
      font-size: 16px;
      color: $primary-clr;
      line-height: 16px;
      margin: 8px 0;
    }
    .desc-bar{
      font-size: 12px;
      color: #262626;
      line-height: 18px;
      margin: 8px 0;
      padding: 0 16px;
    }
  }
}
   
</style>